<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta charset="utf-8"/>
    <title layout:title-pattern="$CONTENT_TITLE - $DECORATOR_TITLE">ul</title>

    <meta name="description" content="responsive photo gallery using colorbox"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link href="../../../admin/css/common.css" th:href="@{/admin/css/common.css}" rel="stylesheet"/>
    <script src="../../../admin/kindeditor/kindeditor.js" th:src="@{/admin/kindeditor/kindeditor.js}"></script>
    <script src="../../../admin/kindeditor/lang/zh_CN.js" th:src="@{/admin/kindeditor/lang/zh_CN.js}"></script>

    <link href="../../../admin/ace/css/bootstrap.min.css" th:href="@{/admin/ace/css/bootstrap.min.css}"
          rel="stylesheet"/>
    <link href="../../../admin/ace/css/bootstrap-responsive.min.css"
          th:href="@{/admin/ace/css/bootstrap-responsive.min.css}" rel="stylesheet"/>
    <link rel="stylesheet" href="../../../admin/ace/css/font-awesome.min.css"
          th:href="@{/admin/ace/css/font-awesome.min.css}"/>

    <!--[if IE 7]>
    <link rel="stylesheet" href="../../../admin/ace/css/font-awesome-ie7.min.css"
          th:href="@{/admin/ace/css/font-awesome-ie7.min.css}"/>
    <![endif]-->

    <link rel="stylesheet" href="../../../admin/ace/css/colorbox.css" th:href="@{/admin/ace/css/colorbox.css}"/>

    <link rel="stylesheet" href="../../../admin/ace/css/ace.min.css" th:href="@{/admin/ace/css/ace.min.css}"/>
    <link rel="stylesheet" href="../../../admin/ace/css/ace-responsive.min.css"
          th:href="@{/admin/ace/css/ace-responsive.min.css}"/>
    <link rel="stylesheet" href="../../../admin/ace/css/ace-skins.min.css"
          th:href="@{/admin/ace/css/ace-skins.min.css}"/>

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="../../../admin/ace/css/ace-ie.min.css" th:href="@{/admin/ace/css/ace-ie.min.css}"/>
    <![endif]-->

    <script src="../../../admin/ace/js/ace-extra.min.js" th:src="@{/admin/ace/js/ace-extra.min.js}"></script>

    <!--[if !IE]>-->

    <script src="../../../admin/ace/js/jquery-2.0.3.min.js" th:src="@{/admin/ace/js/jquery-2.0.3.min.js}"></script>

    <!--<![endif]-->

    <!--[if IE]>
    <script src="../../../admin/ace/js/jquery-1.10.2.min.js" th:src="@{/admin/ace/js/jquery-1.10.2.min.js}"></script>
    <![endif]-->

    <link href="../../../admin/dropzone/dropzone.css" th:href="@{/admin/dropzone/dropzone.css}" rel="stylesheet"/>
    <link href="../../../admin/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../../admin/ace/css/bootstrap-timepicker.css"/>
    <script src="../../../admin/dropzone/dropzone.js" th:src="@{/admin/dropzone/dropzone.js}"></script>
    <script src="../../../admin/js/jquery.validate.min.js" th:src="@{/admin/js/jquery.validate.min.js}"></script>
    <script src="../../../admin/js/jquery.form.js" th:src="@{/admin/js/jquery.form.js}"></script>
    <script src="../../../admin/ace/js/bootstrap.min.js" th:src="@{/admin/ace/js/bootstrap.min.js}"></script>
    <script src="../../../admin/ace/js/ace-elements.min.js" th:src="@{/admin/ace/js/ace-elements.min.js}"></script>
    <script src="../../../admin/ace/js/ace.min.js" th:src="@{/admin/ace/js/ace.min.js}"></script>
    <script src="../../../admin/ace/js/date-time/bootstrap-datepicker.min.js" th:src="@{/admin/ace/js/date-time/bootstrap-datepicker.min.js}"></script>
    <script src="../../../admin/ace/js/date-time/daterangepicker.min.js" th:src="@{/admin/ace/js/date-time/daterangepicker.min.js}"></script>
    <script src="../../../admin/js/validate-methods.js" th:src="@{/admin/js/validate-methods.js}"></script>
    <script src="../../../admin/js/bootstrap-paginator.js" th:src="@{/admin/js/bootstrap-paginator.js}"></script>
    <script src="../../../admin/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js" th:src="@{/admin/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js}"></script>
    <script th:src="@{/admin/js/datepicker/WdatePicker.js}" src="../../../admin/js/datepicker/WdatePicker.js"></script>
    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }
        #wookcontainer {
            position: relative;
        }
        .radio, .checkbox {
            padding-left: 0px;
        }
        .box {
            border: 1px solid #DEDEDE;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .box-content {
            padding: 10px;
        }
        ul.dashboard-list li {
            border-bottom: 1px solid #EBEBEB;
            border-top: 1px solid white;
            list-style: none outside none;
            padding: 7px 0;
        }
        #upload{
            margin:30px 200px; padding:15px;
            font-weight:bold; font-size:1.3em;
            font-family:Arial, Helvetica, sans-serif;
            text-align:center;
            background:#f2f2f2;
            color:#3366cc;
            border:1px solid #ccc;
            width:150px;
            cursor:pointer !important;
            -moz-border-radius:5px; -webkit-border-radius:5px;
        }
        .xpclass {
            margin-left: 0 !important;
        }
      	.tpbtn{
        height: 30px;
		vertical-align: top;
		line-height: 20px;
		}
		.topword{
		line-height: 30px;vertical-align: top;
		}
		input[type="checkbox"],input[type="radio"]{
		vertical-align:top;
		}
		.label.label-large.label-pink.arrowed-right{
		zoom:2;
		zoom:1 \9;
		font-family: '微软雅黑';
		font-size: 13px;
		padding-left: 10px;
		padding-right: 10px;
		}
		.label-pink{
		background-color:#438EB9 !important;
		}
		.label-pink.arrowed-right:after {
		border-left-color: #438EB9;
		}
    </style>
    
    <script type="text/javascript">
    $(function(){
    	$("#passwordid").click(function(){
    		
    		alert(11);
    		$("#pass").show();
    	});
    });
    
    </script>
    
    
   

</head>

<body class="navbar-fixed">
<div id="loadingDiv" style="position:fixed;display:none;z-index:2000;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.5)">
    <img width="64px" height="64px" src="../../../admin/ace/css/images/loading.gif" style="position:absolute;left:50%;top:50%;margin:-32px 0px 0px -32px;"/>
</div>
<div class="navbar navbar-fixed-top" id="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a href="#" class="brand">
                <small>
                    <i class="icon-leaf"></i>
                    后台管理
                </small>
            </a><!--/.brand-->

            <ul class="nav ace-nav pull-right">

                <!--<li class="green">-->
                <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                <!--<i class="icon-envelope icon-animated-vertical"></i>-->
                <!--<span class="badge badge-success">5</span>-->
                <!--</a>-->

                <!--<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">-->
                <!--<li class="nav-header">-->
                <!--<i class="icon-envelope-alt"></i>-->
                <!--5 Messages-->
                <!--</li>-->

                <!--<li>-->
                <!--<a href="#">-->
                <!--<img src="../../admin/ace/avatars/avatar.png"-->
                <!--th:src="@{/admin/ace/avatars/avatar.png}" class="msg-photo" alt="Alex's Avatar"/>-->
                <!--<span class="msg-body">-->
                <!--<span class="msg-title">-->
                <!--<span class="blue">Alex:</span>-->
                <!--Ciao sociis natoque penatibus et auctor ...-->
                <!--</span>-->

                <!--<span class="msg-time">-->
                <!--<i class="icon-time"></i>-->
                <!--<span>a moment ago</span>-->
                <!--</span>-->
                <!--</span>-->
                <!--</a>-->
                <!--</li>-->

                <!--<li>-->
                <!--<a href="#">-->
                <!--<img src="../../admin/ace/avatars/avatar.png"-->
                <!--th:src="@{/admin/ace/avatars/avatar.png}" class="msg-photo" alt="Susan's Avatar"/>-->
                <!--<span class="msg-body">-->
                <!--<span class="msg-title">-->
                <!--<span class="blue">Susan:</span>-->
                <!--Vestibulum id ligula porta felis euismod ...-->
                <!--</span>-->

                <!--<span class="msg-time">-->
                <!--<i class="icon-time"></i>-->
                <!--<span>20 minutes ago</span>-->
                <!--</span>-->
                <!--</span>-->
                <!--</a>-->
                <!--</li>-->

                <!--<li>-->
                <!--<a href="#">-->
                <!--<img src="../../admin/ace/avatars/avatar.png"-->
                <!--th:src="@{/admin/ace/avatars/avatar.png}" class="msg-photo" alt="Bob's Avatar"/>-->
                <!--<span class="msg-body">-->
                <!--<span class="msg-title">-->
                <!--<span class="blue">Bob:</span>-->
                <!--Nullam quis risus eget urna mollis ornare ...-->
                <!--</span>-->

                <!--<span class="msg-time">-->
                <!--<i class="icon-time"></i>-->
                <!--<span>3:15 pm</span>-->
                <!--</span>-->
                <!--</span>-->
                <!--</a>-->
                <!--</li>-->

                <!--<li>-->
                <!--<a href="#">-->
                <!--See all messages-->
                <!--<i class="icon-arrow-right"></i>-->
                <!--</a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</li>-->
                
                

                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="../../../admin/ace/avatars/user.jpg"
                             th:src="@{/admin/ace/avatars/user.jpg}" alt="Jason's Photo"/>
								<span class="user-info">
									<small>欢迎登录,</small>
									<span th:text="${session.name}"></span>
								</span>

                        <i class="icon-caret-down"></i>
                    </a>

                    <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                        <li>
                            <a th:href="@{/logout.htm}">
                                <i class="icon-off"></i>
                                退出登录
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        
        
    </div>
</div>

<div class="main-container container-fluid">
    <a class="menu-toggler" id="menu-toggler" href="#">
        <span class="menu-text"></span>
    </a>

    <div class="sidebar sidebar-fixed" id="sidebar">

        <ul class="nav nav-list">

            <li th:each="resources : ${session.NodeResources}" th:class="${resources.resourceUrl==session.resourceChange?'active':''}">
                <a th:if="${not #lists.isEmpty(resources.childList)}" class="dropdown-toggle">
                    <i class="icon-list"></i>
                    <span class="menu-text" th:text="${resources.resourceName}"></span>
                    <b class="arrow icon-angle-down"></b>
                </a>

                <a th:if="${#lists.isEmpty(resources.childList)}" th:href="${resources.resourceUrl}" class="dropdown-toggle">
                    <i class="icon-double-angle-right"></i>
                    <span class="menu-text" th:text="${resources.resourceName}"></span>
                </a>

                <ul  th:if="${not #lists.isEmpty(resources.childList)}"  class="submenu">
                    <li th:each="resource : ${resources.childList}">
                        <a th:href="${resource.resourceUrl}">
                            <i class="icon-double-angle-right"></i>
                            <span th:text="${resource.resourceName}"></span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <!--/.nav-list-->

        <div class="sidebar-collapse" id="sidebar-collapse">
            <i class="icon-double-angle-left" data-icon1="icon-double-angle-left"
               data-icon2="icon-double-angle-right"></i>
        </div>

        <script type="text/javascript">
            try {
                ace.settings.check('sidebar', 'collapsed')
            } catch (e) {
            }
        </script>
    </div>

    <div class="main-content">
        <div class="page-content">

            <div class="row-fluid">
                <div class="span12">
                    <div class="row-fluid" layout:fragment="content">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<a href="#"  class="btn-scroll-up btn btn-small btn-inverse">
	<i class="icon-double-angle-up icon-only bigger-110"></i>
</a>
</body>
</html>
